<template>
    <div class="outer">
        <h2>我是App组件</h2>
        <img src="http://www.atguigu.com/images/index_new/logo.png" alt="">
        <br />
        <Modal />
    </div>
</template>

<script lang="ts" setup name="AppTeleport">
import Modal from '@/components/Modal.vue'
</script>

<style>
.outer {
    background-color: #ddd;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0 0 10px;
    width: 400px;
    height: 400px;
    /* 该滤镜会影响fixed */
    filter: saturate(0%);
}

img {
    width: 270px;
}
</style>